<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="{:C('__STATIC__')}{$theme}/Static/{:C('css')}/total.css"/>
    <link rel="stylesheet" href="{:C('__STATIC__')}{$theme}/Static/{:C('css')}/swiper.css"/>
</head>
<body>
<div id="header" style="z-index: 2;">
    <div class="header">
        <h1 class="tit">首页</h1>
        <!--<p class="goback"><a class="return" href="">返回</a></p>-->
    </div>
</div>

<!--轮播图-->
<div class="swiper-container">
    <div class="swiper-wrapper">
        <foreach name="banner" item="banner_ad">
            <div class="swiper-slide"><a href="{$banner_ad['ad_link']}"><img src="{$banner_ad['ad_pic']}"/></a></div>
        </foreach>
    </div>
    <div class="swiper-pagination"></div>
</div>
<div class="index-b">
    <ul>
        <foreach name="brand" item="brand_ad">
            <li><a href="{$brand_ad['ad_link']}"><img src="{$brand_ad['ad_pic']}" title="{$brand_ad['ad_name']}"></a></li>
        </foreach>
    </ul>
</div>
<div class="index-c"></div>
<div class="index-d">
    <div class="index-d-title">
        <span></span>
        <span>热卖商品</span>
        <span><a href="{:U('Good/agentgoods',array('sale' =>'reduce'))}">更多></a></span>
    </div>
    <div class="index-d-list">
        <ul>
            <foreach name="lattice" item="lattice_ad">
                <li><a href="{$lattice_ad['ad_link']}"><img src="{$lattice_ad['ad_pic']}" title="{$lattice_ad['ad_name']}"></a></li>
            </foreach>
        </ul>
    </div>
</div>
<div class="index-c"></div>
<div class="index-dd">
    <div class="index-d-title">
        <span></span>
        <span>商品精选</span>
        <span><a href="{:U('Good/agentgoods')}">更多></a></span>
    </div>
    <div class="index-d-lists">
        <ul>
            <foreach name="list" item="list_ad">
                <li><a href="{$list_ad['ad_link']}"><img src="{$list_ad['ad_pic']}" title="{$list_ad['ad_name']}"></a></li>
            </foreach>
        </ul>
    </div>
</div>

<div class="footer">
    <ul class="footer-tab">
        <li>
            <a href="{:U('Index/index')}">
                <i class="foot_bg foot-this"></i>
                <span>首页</span>
            </a>
        </li>
        <li>
            <a href="{:U('Good/cate')}">
                <i class="foot_bg1"></i>
                <span>分类</span>
            </a>
        </li>
        <li>
            <a href="{:U('GoodShopcart/shopcart')}">
                <i class="foot_bg2"></i>
                <span>购物车</span>
            </a>
        </li>
        <li>
            <a href="{:U('Setting/personal')}">
                <i class="foot_bg3"></i>
                <span>我的</span>
            </a>
        </li>
    </ul>
</div>

<script>
    function resize() {
        var clientWidth = document.documentElement.clientWidth;
        document.documentElement.style.fontSize = 100 * (clientWidth / 750) + 'px';
    }
    resize();
    window.addEventListener('resize', resize);
</script>
<script type="text/javascript" src="{:C('__STATIC__')}{$theme}/Static/js/jquery-2.1.4.min.js" ></script>
<script src="{:C('__STATIC__')}{$theme}/Static/js/swiper.js"></script>
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: 4000,
        loop: true,
        effect: 'slide',
        autoplayDisableOnInteraction: false,
    });
</script>
<script>
    $(function() {
        $(".fl-cc dl").click(function(){
            $(".fl-cc dl").eq($(this).index()).addClass("navdown").siblings().removeClass("navdown");
        })
    })

</script>
</body>
</html>
